html,body{
	margin: 0;
	padding: 0;
	width:100%;
	/* font-family: 'Microsoft YaHei' !important; */
	font-family: 'SimHei' !important;
	background-color: #ffffff;
	
}
h3,h5{
	font-family: 'SimHei' !important;
	margin: 0;
}
.main-box{
	width: 92.5%;
	margin: 0 auto;
	padding:0.7rem 0 1rem;
	.back{
		width: 0.4rem;
		padding-left: 0.4rem;
		display: block;
	}
	h3{
		font-size: 1rem;
		color: #454545;
		padding-left: 0.4rem;
		margin: 1rem 0 1.5rem;
	}

	.main{
		overflow: hidden;
		.Leftbox{
			float: left;
			width: 9rem;
			margin-left: 0.4rem;
			h5{
				color: #444;
				font-size: 0.6rem;
				margin-bottom: 0.4rem;
				display:block;
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
			}
			.room{
				span{
					background-color: #a0a0a0;
					color: #fff;
					font-size: 0.7rem;
					padding: 0.1rem 0.3rem;
					border-radius: 0.2rem;
					display: inline-block;
					margin-left:0.1rem;
				}
				.roomOn{
					background-color: #db382b;
				}
			}
			.price{
				font-size: 0.65rem;
				color: #707070;
				margin: 0.7rem 0 0.2rem;
				span{
					color: #db382b;
					font-size: 0.8rem;
					margin-right: 0.2rem;
				}
			}
			.floor{
				font-size: 0.65rem;
				color: #707070;
				span{
					margin: 0 0.2rem;
				}
			}
		}

		.Rightbox{
			float: right;
			width: 5rem;
			height: 4rem;
			background-color: #a0a0a0;
			img{
				width: 100%;
				height: 100%;
				display: block;
				font-size: 0;
				line-height: 0;
			}
		}
	}

	.form{
		margin-top: 1.5rem;

		.form-group{
			width: 100%;
			padding: 0;
			position: relative;
			color: #333;
			border-bottom: 1px solid #ccc;
			span{
				position: absolute;
				top:0;
				left:0.35rem;
				height: 2.5rem;
				line-height: 2.5rem;
				font-size: 0.7rem;
			}

			select,input{
				border:0;
				width: 96%;
				margin: 0;
				font-size: 0.7rem;
				color: #333;
			    -webkit-appearance:none;
				outline:none;
				height: 2.5rem;
				line-height: 2.5rem;
				text-align: right;
				padding-right: 4%;
			}

			select{
				width: 100%;
				position: absolute;
				left:0;
				top:0;
				opacity: 0;
			}


			input::-webkit-input-placeholder {
			　　color: #bababa !important; 
				text-align: right !important;
			}	
			input::-ms-input-placeholder {
			　　color: #bababa !important; 
				text-align: right !important;
			}
			textarea{
				font-family: 'Microsoft YaHei' !important;
			    border: 0;
			    outline: none;
			    width: 100%;
			    margin: 2rem 0 0;
			    padding: 0.8rem 0 0;
			    color: #333;
			    min-height: 2rem;
			    resize: none;
			    text-indent: 0.4rem;
			    font-size: 0.7rem;
			}
		}

		.submit{
			background-color: #db382b;
			color: #fff;
			font-family: 'Microsoft YaHei' !important;
			text-align: center;			
			height:2.2rem;
			line-height: 2.2rem;
			width: 95%;
			margin:1.5rem auto 0;
			border-radius: 0.2rem;
			font-size: 0.9rem;
			letter-spacing: 0.1rem;
		}

	}
	

}



/* 警告框 */
.alert-mask{
    display: none; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0px; 
    z-index: 9999; 
    vertical-align: middle; 
    background-color: rgba(0, 0, 0, 0.6); 
    .alert{
        position: relative;
        width: 80%;
        margin: 0 auto;
        top: 50%;
        border-radius: .5rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        vertical-align: middle;
        overflow: hidden;
        text-align: center;
        .alert-header{
            background-color: #eee; 
            border-bottom: 0.05rem solid #ddd;
            font-size: 0.8rem;
            line-height: 1.6rem;
        }
        .alert-body{
            padding: 0.7rem 0.1rem; 
            max-height: 10rem; 
            overflow-y:auto;
            font-weight: normal;
            background-color: #fff;
            font-size: 0.8rem;
        }
        .alert-footer{
            border-top: 0.05rem solid #ddd;
            background-color: #eee; 
            line-height: 1.6rem;
            font-size: 0.8rem;
            color: #0e90d2;
        }
    }
}
